<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>管之美软件查询页面</title>
</head>
<script>
    window.onload=function(){changeFontSize()}
    window.addEventListener('resize',function(){changeFontSize()})
    function changeFontSize(){
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
    }
</script>
<style>
    body,p,div,h1,h2,h3,h4,h5{padding:0;margin:0;}
    .main{position: relative;width:100%;min-height:555px;background:#fff url('img/background.png') no-repeat;-webkit-background-size:100%;background-size:100%;}
    .check_box{position:absolute;top:2.89rem;left:0.17rem;background:url('img/check_box.png') no-repeat;background-size:100%;-webkit-background-size:100%;width:7.1rem;height:4.43rem;}
    .name{position:absolute;left:4.56rem;top:1.29rem;font-size:0.41rem;color:#ea5504;text-align: center;width: 1.7rem;}
    .time{position:absolute;top:3.62rem;font-size:0.32rem;text-align: center;width: 2.6rem;height:0.4rem;}
    .start_time{left:0.4rem;color:#ea5504;}
    .end_time{left:4.1rem;color:#7d7d7d;}
    .check_btn{
        position:absolute;left:0.76rem;top:7.86rem;
        height:0.92rem;width:5.95rem;
        background:#f6ab00 url('img/check_icon.png') no-repeat 1.73rem 0.31rem;
        background-size:0.42rem 0.36rem;-webkit-background-size:0.42rem 0.36rem;
        border:none;
        font-size:0.41rem;text-align:center;color:#fff;
    }
</style>
<body>
    <div class="main">
        <div class="check_box">
<h1>404页面</h1>
        </div>
        <button class="check_btn">查询</button>
    </div>
</body>
</html>